
/*
FILE CONCAT ADD FILE
PATH: /ft/resources/style/macromap.css.asp
*/


#wsod div.macromap,
#wsodPop div.macromap {
	position: absolute;
	top: 0; left: 0;
	z-index: 100;
	visibility: hidden; 
	margin-top: 0;
}

#wsod div.macromap iframe,
#wsodPop div.macromap iframe {
	height: 0; width: 0; border: none;
	position: absolute; top: 0; left: 0;
}

#wsod div.macromap div.wsodModuleContent,
#wsodPop div.macromap div.wsodModuleContent {
	position: relative;
	padding: 1px;
	width: 964px;
}

#wsod div.macromap div.macromapHeader,
#wsodPop div.macromap div.macromapHeader {
	background: #ffe8d1;
	padding: 4px;
	border-bottom: 2px solid #e99d66;
	position: relative;
	float: left;
	width: 956px;
	_width: 966px;
}
#wsod div.macromap div.macromapHeader select,
#wsodPop div.macromap div.macromapHeader select {
	position: relative; top: 11px;
}
#wsod div.macromap div.macromapHeader h1,
#wsodPop div.macromap div.macromapHeader h1 {
	border-bottom: none;
	text-transform: none;
	color: #333;
	font-size: 24px;
	line-height: 26px;
	height: 26px;
	padding-left: 30px;
	margin: 0;
	padding-bottom: 5px;
	float: none;
	width: 300px;
	background: url(/ft/resources/image/markets/macromaps/_widgets.gif?version=39380.64228009259) no-repeat 0 0;
}

#wsod div.macromapHeader div.icon-delete-close,
#wsodPop div.macromapHeader div.icon-delete-close {
	background-position: 100% -30px;
	color: #666;
	float: right;
	font-size: 11px;
	line-height: 13px;
	padding-right: 23px;
	position: absolute;
	right: -1px;
	top: 3px;
	width: auto;
	cursor: pointer;
}

#wsod div.macromapHeader .wsodAdContainer,
#wsodPop div.macromapHeader .wsodAdContainer {
	background:#FFFFFF none repeat scroll 0% 50%;
	border:1px solid #999999;
	float:right;
	height:60px;
	margin-bottom:-32px;
	*margin-bottom: -29px;
	margin-right:100px;
	_margin-right:50px; /* double floated margin */
	position:relative;
	top:-30px;
	width:560px;
	
	visibility: hidden;
}

/* mouseHovers */
#wsod .macromapMouseHover .mouseHoverContent,
#wsodPop .macromapMouseHover .mouseHoverContent {
	width: 210px;
}

#wsod .macromapMouseHover h2,
#wsodPop .macromapMouseHover h2 {
	position: relative;
	padding-right: 50px;
	zoom: 1;
}

#wsod .macromapMouseHover h2.currencyTitle,
#wsodPop .macromapMouseHover h2.currencyTitle {
	padding-right: 5px;
}

#wsod .macromapMouseHover h2 .country,
#wsodPop .macromapMouseHover h2 .country {
	font-weight: normal;
	margin-left: 5px;
}

#wsod .macromapMouseHover h2 .icon-markets-closed,
#wsodPop .macromapMouseHover h2 .icon-markets-closed,
#wsod .macromapMouseHover h2 .icon-markets-open,
#wsodPop .macromapMouseHover h2 .icon-markets-open {
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	padding-left: 15px;
	position: absolute;
	right: 0;
	top: 50%;
	width: auto;
	margin-top: -10px;
}

#wsod .macromapMouseHover h2 .icon-markets-closed,
#wsodPop .macromapMouseHover h2 .icon-markets-closed {
	padding-left: 17px;
}

#wsod .macromapMouseHover .moreLink,
#wsodPop .macromapMouseHover .moreLink {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0;
	color: #039;
}

/* legend */
#wsod div.macromap div.legend,
#wsodPop div.macromap div.legend {
	float: right;
	margin-bottom: -20px;
	position: relative; top: -16px;
	padding-right: 5px;
	width: 100%;
}

#wsod div.macromap div.legend .icon-help,
#wsodPop div.macromap div.legend .icon-help {
	float: left;
	font-size: 11px;
	margin-left: 4px;
	padding: 0 0 0 16px;
	position: relative;
	top: -1px;
	left: 3px;
	width: auto;
}

#wsod div.macromap div.legend .timestamp,
#wsodPop div.macromap div.legend .timestamp {
	padding-right: 20px;
}
#wsod div.macromap div.legend .legendKey,
#wsodPop div.macromap div.legend .legendKey {
	height: 11px;
	font-size: 0;
	width: 122px;
	background: url(/ft/resources/image/markets/macromaps/_widgets.gif?version=39380.64228009259) no-repeat 100% -57px;
	display: block;
	margin: 0 -8px 0 4px;
	position: relative;
	top: 1px;
}

#wsod div.macromap div.legend .baseCurrency,
#wsodPop div.macromap div.legend .baseCurrency {
	padding-right: 10px;
}

#wsod div.macromap div.legend .baseCurrency div,
#wsodPop div.macromap div.legend .baseCurrency div,
#wsod div.macromapHelp .baseCurrency .base,
#wsodPop div.macromapHelp .baseCurrency .base {
	background: #f0a443;
	border: 1px solid #ccc;
	font-size: 0;
	padding: 4px;
	display: inline;
	position: relative;top: -3px;
	margin-right: 3px;
}

/* help popup */
#wsod div.macromapHelp .popupInner,
#wsodPop div.macromapHelp .popupInner {
	width: 520px;
}
#wsod div.macromapHelp h3,
#wsodPop div.macromapHelp h3 {
	border-bottom: none;
	border-top: 1px solid #ccc;
	color: #333;
	text-transform: none;
	margin: 8px 0 4px 0;
	padding: 8px 0 0 0;
	clear: both;
}
#wsod div.macromapHelp p,
#wsodPop div.macromapHelp p {
	line-height: 13px;
	margin: 4px 0 10px 0;
	font-size: 11px;
}
#wsod div.macromapHelp p.main,
#wsodPop div.macromapHelp p.main {
	font-weight: bold;
	margin: 10px 0;
}
#wsod div.macromapHelp div.helpLegend *,
#wsodPop div.macromapHelp div.helpLegend * {
	float: left;
}
#wsod div.macromapHelp div.helpLegend p,
#wsodPop div.macromapHelp div.helpLegend p {
	width: 170px;
}
#wsod div.macromapHelp div.helpLegend p.loss,
#wsodPop div.macromapHelp div.helpLegend p.loss {
	color: #fe2727;
	text-align: right;
}
#wsod div.macromapHelp div.helpLegend p.gain,
#wsodPop div.macromapHelp div.helpLegend p.gain {
	color: #10924b;
}
#wsod div.macromapHelp div.helpScale,
#wsodPop div.macromapHelp div.helpScale {
	width: 110px;
	height: 28px;
	margin: 4px 20px;
	background: url(/ft/resources/image/markets/macromaps/_widgets.gif?version=39380.64228009259) no-repeat 0 -68px;
}

/* footer */
#wsod div.macromap div.footer,
#wsodPop div.macromap div.footer {
	clear: both;
	height: 31px;
	background: url(/ft/resources/image/markets/macromaps/_widgets.gif?version=39380.64228009259) repeat-x 0 -26px;
	border-top: 1px solid #cacaca; 
	border-bottom: 1px solid #FFD4A7; 
	_width: 974px;
}

#wsod div.macromap div.footer .controlGroup,
#wsodPop div.macromap div.footer .controlGroup {
	float: left;
	border-right: 1px solid #ffd4A7;
	height: 27px;
	line-height: 30px;
	padding: 0 20px 0 10px;
	margin-top: 2px;
}
#wsod div.macromap div.footer .controlGroup.timeFrame,
#wsodPop div.macromap div.footer .controlGroup.timeFrame {
	width: 553px;
}

#wsod div.macromap div.footer .view,
#wsodPop div.macromap div.footer .view {
	border-right: none;
	border-left: 1px solid #fff;
}
#wsod div.macromap div.footer .label,
#wsodPop div.macromap div.footer .label {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-right: 7px;
}

#wsod div.macromap div.footer select,
#wsodPop div.macromap div.footer select {
	font-size: 11px;
	margin-top: 5px;
}

#wsod div.macromap div.footer ul,
#wsodPop div.macromap div.footer ul {
	background: url(/ft/resources/image/submitButton.gif?version=39590.46090277778) no-repeat 0 0;
	float: left;
	margin-top: 5px;
	line-height: 17px;
	padding-left: 7px;
}

#wsod div.macromap div.footer ul li,
#wsodPop div.macromap div.footer ul li {
	float: left;
	font-size: 10px;
	color: #039;
	margin-right: 6px;
	cursor: pointer;
	height: 19px;
}
#wsod div.macromap div.footer ul li.last,
#wsodPop div.macromap div.footer ul li.last {
	background: url(/ft/resources/image/submitButton.gif?version=39590.46090277778) no-repeat 100% 0;
	padding-right: 8px;
	margin-right: 0;
}

#wsod div.macromap div.footer ul li.selected,
#wsodPop div.macromap div.footer ul li.selected {
	color: #666;
}

/* content */

#wsod div.macromap div.content,
#wsodPop div.macromap div.content {
	clear: both;
	position: relative;
	height: 515px;
	background: url(/ft/resources/image/markets/macromaps/_background_layers.png?version=39541.38581018518) no-repeat 100% 0;
	_width: 974px;
}

#wsod div.macromap .resource,
#wsodPop div.macromap .resource {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 515px;
}

#wsod div.macromap #regionDividers,
#wsodPop div.macromap #regionDividers {
	background: url(/ft/resources/image/markets/macromaps/_background_layers.png?version=39541.38581018518) no-repeat 100% -515px;
	opacity: .3;
	filter: alpha(opacity=30);
}

#wsod div.macromap #currencyLabels,
#wsodPop div.macromap #currencyLabels {
	background: url(/ft/resources/image/markets/macromaps/_background_layers.png?version=39541.38581018518) no-repeat 100% -1030px;
}

#wsod div.macromap .sunShade,
#wsodPop div.macromap .sunShade {
	background: url(/ft/resources/image/markets/macromaps/_sunshades.png?version=39322.85435185185) no-repeat 100% 515px;
	opacity: .08;
	filter: alpha(opacity=8);
}

#wsod div.macromap .sunShade-1,#wsodPop div.macromap .sunShade-1{background-position: 100% -515px;}
#wsod div.macromap .sunShade-0,#wsodPop div.macromap .sunShade-0{background-position: 100% 0px;}
#wsod div.macromap .sunShade-5,#wsodPop div.macromap .sunShade-5{background-position: 100% -2575px;}
#wsod div.macromap .sunShade-4,#wsodPop div.macromap .sunShade-4{background-position: 100% -2060px;}
#wsod div.macromap .sunShade-3,#wsodPop div.macromap .sunShade-3{background-position: 100% -1545px;}
#wsod div.macromap .sunShade-2,#wsodPop div.macromap .sunShade-2{background-position: 100% -1030px;}
#wsod div.macromap .sunShade-6,#wsodPop div.macromap .sunShade-6{background-image: none;background: #000;}


#wsod .region,
#wsodPop .region {
	position: absolute;
	color: #fff;
	font-size: 11px;
}
#wsod div.macromap .region-MX,#wsodPop div.macromap .region-MX{top: 268px;left: 200px;}
#wsod div.macromap .region-US,#wsodPop div.macromap .region-US{top: 181px;left: 210px;}
#wsod div.macromap .region-CA,#wsodPop div.macromap .region-CA{top: 148px;left: 228px;}
#wsod div.macromap .region-SA,#wsodPop div.macromap .region-SA{top: 329px;left: 318px;}
#wsod div.macromap .region-NORD,#wsodPop div.macromap .region-NORD{top: 60px;left: 500px;}
#wsod div.macromap .region-EUR,#wsodPop div.macromap .region-EUR{top: 110px;left: 550px;}
#wsod div.macromap .region-UK,#wsodPop div.macromap .region-UK{top: 128px;left: 416px;}
#wsod div.macromap .region-SOEUR,#wsodPop div.macromap .region-SOEUR{top: 190px;left: 470px;}
#wsod div.macromap .region-ZA,#wsodPop div.macromap .region-ZA{top: 388px;left: 512px;}
#wsod div.macromap .region-CNHK,#wsodPop div.macromap .region-CNHK{top: 202px;left: 731px;}
#wsod div.macromap .region-IN,#wsodPop div.macromap .region-IN{top: 270px;left: 642px;}
#wsod div.macromap .region-INDO,#wsodPop div.macromap .region-INDO{top: 300px;left: 760px;}
#wsod div.macromap .region-JP,#wsodPop div.macromap .region-JP{top: 176px;left: 850px;}
#wsod div.macromap .region-RU,#wsodPop div.macromap .region-RU{top: 92px;left: 696px;}
#wsod div.macromap .region-AU,#wsodPop div.macromap .region-AU{top: 375px;left: 778px;}
#wsod div.macromap .region-NZ,#wsodPop div.macromap .region-NZ{top: 420px;left: 874px;}



#wsod div.macromap .indexContainer,
#wsodPop div.macromap .indexContainer {
	/* this one gets the height and classes set for display, but is just the 
	 * drop shadow
	 */	
	margin-bottom: 1px;
	background: #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	float: left;
	position: relative;
	padding: 3px;
	/*clear: both;  adding this to a lcearing element as IE6 sucks*/
	_overflow: hidden;
	cursor: pointer;
}

#wsod div.macromap .indexBg,
#wsodPop div.macromap .indexBg {
	background: #999;
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	_height: 1000px;
	_width: 1000px;
}	

#wsod div.macromap .index,
#wsodPop div.macromap .index {	
	text-transform: uppercase;
	position: relative;
	white-space: nowrap;
}

#wsod .size-1 .index { font-size: 10px; }
#wsodPop .size-1 .index { font-size: 10px; }
#wsod .size-2 .index { font-size: 12px; }
#wsodPop .size-2 .index { font-size: 12px; }
#wsod .size-3 .index { font-size: 14px; }
#wsodPop .size-3 .index { font-size: 14px; }
#wsod .size-4 .index { font-size: 16px; }
#wsodPop .size-4 .index { font-size: 16px; }
#wsod .size-5 .index { font-size: 18px; }
#wsodPop .size-5 .index { font-size: 18px; }
#wsod .size-6 .index { font-size: 20px; }
#wsodPop .size-6 .index { font-size: 20px; }
#wsod .size-7 .index { font-size: 22px; }Pop
#wsodPop .size-7 .index { font-size: 22px; }

#wsod div.macromap .pos .indexBg,
#wsodPop div.macromap .pos .indexBg {
	background: #4ca247 url(/ft/resources/image/markets/macromaps/_gradients.jpg?version=39325.45940972222) no-repeat 100% 0;
}

#wsod div.macromap .neg .indexBg,
#wsodPop div.macromap .neg .indexBg {
	background: #ad1f21 url(/ft/resources/image/markets/macromaps/_gradients.jpg?version=39325.45940972222) no-repeat 100% 100%;
}

#wsod div.macromap .index .posChange,
#wsodPop div.macromap .index .posChange,
#wsod div.macromap .index .negChange,
#wsodPop div.macromap .index .negChange {
	color: #fff;
}

#wsod div.macromap .contrast .index,
#wsodPop div.macromap .contrast .index,
#wsod div.macromap .contrast .posChange,
#wsodPop div.macromap .contrast .posChange,
#wsod div.macromap .contrast .negChange,
#wsodPop div.macromap .contrast .negChange {
	color: #333;
} 

#wsod div.macromap .index .value,
#wsodPop div.macromap .index .value {
	margin-left: 10px;
}

#wsod div.macromap .country,
#wsodPop div.macromap .country {
	background-repeat: no-repeat;
} 
#wsod div.macromap .positive,
#wsodPop div.macromap .positive {
	background-position: 100% 0;
}
#wsod div.macromap .negative,
#wsodPop div.macromap .negative {
	background-position: 100% -515px;
}
#wsod div.macromap .base,
#wsodPop div.macromap .base {
	background-position: 100% -1030px;
}
#wsod div.macromap .underlay,
#wsodPop div.macromap .underlay {
	/* should remove this layer */
	background-position: 100% -1545px;
}

#wsod div.macromap.loading .country,
#wsodPop div.macromap.loading .country,
#wsod div.macromap.loading .region,
#wsodPop div.macromap.loading .region {
	visibility: hidden;
}


#wsod div.macromap .loadingOverlay span,
#wsodPop div.macromap .loadingOverlay span {
	top: 200px;
}


#wsod div.macromap .country-GB,#wsodPop div.macromap .country-GB {background-image: url(/ft/resources/image/markets/macromaps/GB.png?version=39322.85447916667);}
#wsod div.macromap .country-AR,#wsodPop div.macromap .country-AR {background-image: url(/ft/resources/image/markets/macromaps/AR.png?version=39322.85437500001);}
#wsod div.macromap .country-AU,#wsodPop div.macromap .country-AU {background-image: url(/ft/resources/image/markets/macromaps/AU.png?version=39322.85438657407);}
#wsod div.macromap .country-BR,#wsodPop div.macromap .country-BR {background-image: url(/ft/resources/image/markets/macromaps/BR.png?version=39322.85439814815);}
#wsod div.macromap .country-CA,#wsodPop div.macromap .country-CA {background-image: url(/ft/resources/image/markets/macromaps/CA.png?version=39322.85439814815);}
#wsod div.macromap .country-CL,#wsodPop div.macromap .country-CL {background-image: url(/ft/resources/image/markets/macromaps/CL.png?version=39322.854421296295);}
#wsod div.macromap .country-CN,#wsodPop div.macromap .country-CN {background-image: url(/ft/resources/image/markets/macromaps/CN.png?version=39322.85443287037);}
#wsod div.macromap .country-CZ,#wsodPop div.macromap .country-CZ {background-image: url(/ft/resources/image/markets/macromaps/CZ.png?version=39322.85444444444);}
#wsod div.macromap .country-DK,#wsodPop div.macromap .country-DK {background-image: url(/ft/resources/image/markets/macromaps/DK.png?version=39322.85445601852);}
#wsod div.macromap .country-EUR,#wsodPop div.macromap .country-EUR {background-image: url(/ft/resources/image/markets/macromaps/EUR.png?version=39322.854467592595);}
#wsod div.macromap .country-HK,#wsodPop div.macromap .country-HK {background-image: url(/ft/resources/image/markets/macromaps/HK.png?version=39322.85447916667);}
#wsod div.macromap .country-HU,#wsodPop div.macromap .country-HU {background-image: url(/ft/resources/image/markets/macromaps/HU.png?version=39541.733506944445);}
#wsod div.macromap .country-IN,#wsodPop div.macromap .country-IN {background-image: url(/ft/resources/image/markets/macromaps/IN.png?version=39322.85451388889);}
#wsod div.macromap .country-ID,#wsodPop div.macromap .country-ID {background-image: url(/ft/resources/image/markets/macromaps/ID.png?version=39322.85450231482);}
#wsod div.macromap .country-JP,#wsodPop div.macromap .country-JP {background-image: url(/ft/resources/image/markets/macromaps/JP.png?version=39322.85451388889);}
#wsod div.macromap .country-MY,#wsodPop div.macromap .country-MY {background-image: url(/ft/resources/image/markets/macromaps/MY.png?version=39322.85454861111);}
#wsod div.macromap .country-MX,#wsodPop div.macromap .country-MX {background-image: url(/ft/resources/image/markets/macromaps/MX.png?version=39322.85453703704);}
#wsod div.macromap .country-NZ,#wsodPop div.macromap .country-NZ {background-image: url(/ft/resources/image/markets/macromaps/NZ.png?version=39322.85457175926);}
#wsod div.macromap .country-NO,#wsodPop div.macromap .country-NO {background-image: url(/ft/resources/image/markets/macromaps/NO.png?version=39322.85456018519);}
#wsod div.macromap .country-PL,#wsodPop div.macromap .country-PL {background-image: url(/ft/resources/image/markets/macromaps/PL.png?version=39322.854583333334);}
#wsod div.macromap .country-RU,#wsodPop div.macromap .country-RU {background-image: url(/ft/resources/image/markets/macromaps/RU.png?version=39322.85459490742);}
#wsod div.macromap .country-SG,#wsodPop div.macromap .country-SG {background-image: url(/ft/resources/image/markets/macromaps/SG.png?version=39322.85461805556);}
#wsod div.macromap .country-ZA,#wsodPop div.macromap .country-ZA {background-image: url(/ft/resources/image/markets/macromaps/ZA.png?version=39322.85466435185);}
#wsod div.macromap .country-KR,#wsodPop div.macromap .country-KR {background-image: url(/ft/resources/image/markets/macromaps/KR.png?version=39322.854525462964);}
#wsod div.macromap .country-SE,#wsodPop div.macromap .country-SE {background-image: url(/ft/resources/image/markets/macromaps/SE.png?version=39322.85460648148);}
#wsod div.macromap .country-CH,#wsodPop div.macromap .country-CH {background-image: url(/ft/resources/image/markets/macromaps/CH.png?version=39322.854409722226);}
#wsod div.macromap .country-TW,#wsodPop div.macromap .country-TW {background-image: url(/ft/resources/image/markets/macromaps/TW.png?version=39322.8546412037);}
#wsod div.macromap .country-TH,#wsodPop div.macromap .country-TH {background-image: url(/ft/resources/image/markets/macromaps/TH.png?version=39322.854629629626);}
#wsod div.macromap .country-TR,#wsodPop div.macromap .country-TR {background-image: url(/ft/resources/image/markets/macromaps/TR.png?version=39322.8546412037);}
#wsod div.macromap .country-AE,#wsodPop div.macromap .country-AE {background-image: url(/ft/resources/image/markets/macromaps/AE.png?version=39541.73349537037);}
#wsod div.macromap .country-US,#wsodPop div.macromap .country-US {background-image: url(/ft/resources/image/markets/macromaps/US.png?version=39322.85465277778);}

/*
FILE CONCAT ADD FILE
PATH: /ft/resources/style/flyout.css.asp
*/


#wsod .icon-flyout,
#wsodPop .icon-flyout {
	width: auto;
	float: left;
	padding: 0 17px 0 0;
	background-position: 100% -810px;
	height: 19px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	background-color: #fff;
	overflow: hidden;
}

#wsod .icon-flyout div,
#wsodPop .icon-flyout div {
	line-height: 17px;
	border: 1px solid #bbb;
	border-right: none;
	padding: 0 7px 0 5px;
	overflow: hidden;
	white-space: nowrap;
}

#wsod .flyout,
#wsodPop .flyout {
	width: 140px;
	position: absolute;
	visibility: hidden;
	z-index: 180;
}

#wsod .flyout .shadow,
#wsodPop .flyout .shadow {
	height: 100%; width: 100%; border: none; background: #666;
	position: absolute; top: 2px; left: 2px;
}

#wsod .flyout ul,
#wsodPop .flyout ul {
	border: 1px solid #ccc;
	background: #fff;
	font-size: 12px;
	color: #333;
	padding: 2px;
	position: relative;
	zoom: 1; /* blasphemy */
}

#wsod .flyout.sub,
#wsodPop .flyout.sub {
	margin-left: 2px;
}

#wsod .flyout ul li,
#wsodPop .flyout ul li {
	border-bottom: 1px solid #ccc;
	padding: 3px 4px;
	overflow: hidden;
	cursor: pointer;
	zoom: 1;
	
	height: auto;
}

#wsod .flyout ul li.last,
#wsodPop .flyout ul li.last {
	border-bottom: none;
}

#wsod .flyout ul li.selected,
#wsodPop .flyout ul li.selected {
	background-color: #F6F2EE;
	font-weight: bold;
}

#wsod .flyout ul li.icon,
#wsodPop .flyout ul li.icon  {
	width: auto;
}

#wsod .flyout ul li.icon-arrow-right,
#wsodPop .flyout ul li.icon-arrow-right {
	background-position: 104% -742px;
}

#wsod .flyout ul li.selected,
#wsodPop .flyout ul li.selected {
	background-position: 104% -772px;
}

